[data-scope='timer'][data-part='root'] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

[data-scope='timer'][data-part='area'] {
  display: flex;
  align-items: center;
}

[data-scope='timer'][data-part='item'] {
  font-size: 2rem;
  font-weight: 500;
}

[data-scope='timer'][data-part='separator'] {
  font-size: 1rem;
  font-weight: 500;
  margin-inline: 0.5rem;
}

[data-scope='timer'][data-part='control'] {
  display: flex;
  gap: 4px;
}
